<template>
  <div>
    <MyLogin>
      <template #name>
        <p>姓名</p>
        <input type="text" />
      </template>
      <template #password>
        <p>密码</p>
        <input type="password" />
      </template>
      <template #gender>
        <p>性别</p>
        <input type="radio" name="sex" value="男" />男
        <input type="radio" name="sex" value="女" />女
      </template>
      <template #hobby>
        <p>爱好</p>
        <input type="checkbox" value="抽烟" />抽烟
        <input type="checkbox" value="喝酒" />喝酒
        <input type="checkbox" value="烫头" />烫头
      </template>
      <template #from>
        <p>来自于</p>
        <select>
          <option value="北京">北京</option>
          <option value="天津">天津</option>
          <option value="南京">南京</option>
        </select>
      </template>
    </MyLogin>
  </div>
</template>

<script>
import MyLogin from './components/MyLogin.vue'
export default {
  components: { MyLogin },
}
</script>

<style></style>
